<include file="Public:header" />

<!--Body-->

    <div class="inner-title">
        <div class="wrap clearfix">
            <h3>Contact Us</h3>
        </div>
    </div>


    <div class="contact">
        <div class="contact-wrap">
            <div class="contact1">
                <div class="form">
                    <form id="Feedback">
                        <div class="contact1-table">
                            <table>
                                <tr>
                                    <td width="110">
                                        <div class="contact-tp1">Your Name：</div>
                                    </td>
                                    <td width="340">
                                        <input class="contact-input1" type="text" name="realname">
                                    </td>
                                </tr>
                                <tr>
                                    <td width="110">
                                        <div class="contact-tp1">
                                            <span>*</span>
                                            E-mail：
                                        </div>
                                    </td>
                                    <td width="340">
                                        <input class="contact-input1" type="text" name="email">
                                    </td>
                                </tr>
                                <tr>
                                    <td width="110">
                                        <div class="contact-tp1">Company：</div>
                                    </td>
                                    <td width="340">
                                        <input class="contact-input1" type="text" name="company">
                                    </td>
                                </tr>
                                <tr>
                                    <td width="110">
                                        <div class="contact-tp1">Address：</div>
                                    </td>
                                    <td width="340">
                                        <input class="contact-input1" type="text" name="address">
                                    </td>
                                </tr>
                                <tr>
                                    <td width="110">
                                        <div class="contact-tp1">Title：</div>
                                    </td>
                                    <td width="340">
                                        <input class="contact-input1" type="text" name="title">
                                    </td>
                                </tr>
                                <tr>
                                    <td width="110">
                                        <div class="contact-tp1">
                                            <span>*</span>
                                            Content：
                                        </div>
                                    </td>
                                    <td width="340">
                                        <!--<input class="contact-input1" type="text">-->
                                        <textarea class="contact-input2" name="detail"></textarea>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="110"></td>
                                    <td width="340">
                                        <div class="contact-submit">
                                            <input type="submit" value="Send">
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </form>
                </div>
            </div>

            <div class="contact2">
                    <div class="contact2-title">
                        <h3>SHENZHEN OFFICE</h3>

                        <div class="contact2-title-line"></div>
                    </div>

                    <div class="contact2-content clearfix">
                        <div class="contact2-box">
                            <div class="contact2-box-icon">
                                <img src="/public/wm/images/address1.jpg" alt="">
                            </div>
                            <h4>ADDRESS</h4>

                            <p>Room 3319, 33F, Block A, Qunxing Square,                         Huaqiang North, No. 38 Hongli Street,                         Futian District, Shenzhen                            </p>
                        </div>
                        <div class="contact2-box">
                            <div class="contact2-box-icon">
                                <img src="/public/wm/images/address2.jpg" alt="">
                            </div>
                            <h4>TEL</h4>

                            <p>+86-15814606031</p>
                        </div>
                        <div class="contact2-box">
                            <div class="contact2-box-icon">
                                <img src="/public/wm/images/address3.jpg" alt="">
                            </div>
                            <h4>EMAIL</h4>

                            <p>sales@umitel.com</p>
                        </div>

                    </div>

                </div><div class="contact2">
                    <div class="contact2-title">
                        <h3>SINGAPORE OFFICE</h3>

                        <div class="contact2-title-line"></div>
                    </div>

                    <div class="contact2-content clearfix">
                        <div class="contact2-box">
                            <div class="contact2-box-icon">
                                <img src="/public/wm/images/address1.jpg" alt="">
                            </div>
                            <h4>ADDRESS</h4>

                            <p>#03-40, 1 Rochor Canal Rd, Sim Lim Square, Singapore 188504                            </p>
                        </div>
                        <div class="contact2-box">
                            <div class="contact2-box-icon">
                                <img src="/public/wm/images/address2.jpg" alt="">
                            </div>
                            <h4>TEL</h4>

                            <p>+65 6336 0524</p>
                        </div>
                        <div class="contact2-box">
                            <div class="contact2-box-icon">
                                <img src="/public/wm/images/address3.jpg" alt="">
                            </div>
                            <h4>EMAIL</h4>

                            <p>sales@umitel.com</p>
                        </div>

                    </div>

                </div>
        </div>


    </div>
    <script src="/Public/Common/layer/layer.js"></script>
<script src="/Public/Common/validate/jquery.validate-1.13.1.js"></script>
<script>
    // 手机号码验证
    jQuery.validator.addMethod("isMobile", function(value, element) {
        var length = value.length;
        var mobile = /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})$/;
        return this.optional(element) || (length == 11 && mobile.test(value));
    }, "请正确填写您的手机号码");
    $().ready(function () {
        $('#Feedback').validate({
            //debug: true,
            rules: {"realname":{"required":true,"maxlength":100},"email":{"required":true,"email":true},"detail":{"required":true,"maxlength":300}},
            messages: {"realname":{"required":"Please enter your name","maxlength":"The longest name is 100 characters"},"email":{"required":"Please enter your mailbox","email":"Mailbox format error"},"detail":{"required":"Please enter details","maxlength":"The maximum length of the details is 300 characters"}},
            showErrors: function (errorMap, errorList) {
                var msg = "";
                $.each(errorList, function (i, v) {
                    layer.tips(v.message, v.element, { time: 1000 });
                    return false;
                });
            },
            onkeyup:false,
            onfocusout: false, /* 失去焦点时不验证 */
            submitHandler: function () {
                $.ajax({
                    type: "post",
                    url : "/Ajax/feedback.html",
                    dataType:'json',
                    data:$('#Feedback').serialize(),
                    success: function(data){
                        if(data['status']>0){
                            layer.msg(data['info'], {icon: 6});
                            window.location.reload();                        }else{
                            layer.msg(data['info'], {icon: 5});
                                                    }
                    }
                });
            }
        });
    });
</script>
<!--/Body-->


<include file="Public:footer" />